$activeColor: #02c3ff;
$headerTextColor: #02c3ff;
$bodyTextColor: rgba(255, 255, 255, 0.7);
$backColor: #01172A;


.el-dialog__wrapper {
  font-size: 0;
  .lizhi.el-dialog {
    background-color: $backColor;
    &::before {
      content: "";
      position: absolute;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      width: 100%;
      top: 60px;
      left: 0;
    }
    .el-dialog__header {
      text-align: center;
    }
    .el-dialog__title {
      color: $headerTextColor;
    }
    .el-icon-close:before {
      color: $headerTextColor;
    }
    // 时间线
    .el-timeline {
      .el-timeline-item__content {
        color: $bodyTextColor;
      }
      
    }
    .el-timeline{
      .el-timeline-item{
        padding-top: 2px;
        padding-bottom: 5px;
      }
      .el-timeline-item__tail{
        border-left: 1px dashed #50E3C2;
        top: 21px;
      }
      .el-timeline-item__node{
        width: 7px;
        height: 7px;
        background:#50E3C2;
        left: 1px;
        top: 20px;
      }
      .el-timeline-item__wrapper{
        top: 0;
        padding-left: 20px;
      }
      .el-timeline-item__content{
        padding-bottom: 4px;
        color: rgba(255, 255, 255, 0.7);
        .timeline-item{
          white-space: nowrap;
        }
      }
      .el-timeline-item__timestamp{
        width: 0;
      }
    }
    //发送验证码弹窗
    .send-sms-dialog{
      .sms-title{
        color: rgba(255,255,255,.7);
        span{
          color:#50E3C2;
        }
      }
      .dialog-sendsms{
        display: flex;
        padding: 10px 0;
        button{
          width: 90px;
          margin-left: 10px;
        }
      }
    }
    // tab
    .turing-tabs{
      .el-tabs__header{
        border-color: rgba(80, 227, 194, 0.3);
        position: relative;
        &:before{
          content:'';
          height: 8px;
          border-right: 1px solid rgba(80, 227, 194, 0.3);
          position: absolute;
          left: 0;
          bottom: -4px;
        }
        &:after{
          content:'';
          height: 8px;
          border-right: 1px solid rgba(80, 227, 194, 0.3);
          position: absolute;
          right: 0;
          bottom: -4px;
        }
        .el-tabs__item{
          font-size: 14px;
          border: 0;
          color: rgba(255, 255, 255, 0.7);
          &:hover{
            color: $activeColor;
          }
          &.is-active{
            color: $activeColor;
            background: linear-gradient(-130deg, transparent 0.6em, rgba(0, 0, 0, 0.3) 0);
          }
        }
        .el-tabs__nav{
          border: 0;
        }
        .el-tabs__nav-wrap{
          margin-bottom: 0;
          .is-disabled{
            color: $activeColor;
          }
        }
      }
      .el-tabs__content{
        .basic-container{
          padding-left: 0;
          padding-right: 0;
          .el-card{
            border-radius: 0;
            .el-card__body{
              padding: 0;
            }
          }
        }
      }
    }
    // textarea
    .el-textarea {
      .el-textarea__inner {
        background-color: rgba(0, 0, 0, 0.3);
        border-color: transparent;
        color: #fff;
        font-family: "微软雅黑";
        &:hover {
          border-color: rgba(0, 0, 0, 0);
        }
      }
      .el-input__count {
        background-color: rgba(0, 0, 0, 0);
      }
    }
    // 单选框
    .el-radio {
      color: $bodyTextColor;
    }
  }
  
}
.el-message-box__wrapper{ 
  top: -41vh;
  .el-message-box {
    background-color: $backColor;
    border: none;
  }
  .el-message-box__title {
    text-align: center;
    color: $headerTextColor;
  }
  .el-message-box__message {
    color: $bodyTextColor;
  }
}
.el-button {
  background-color: rgba(0, 0, 0, 0.3);
  color: $bodyTextColor;
  border: 1px solid rgba(255, 255, 255, .2);
  &.el-button--primary {
    background-color: $headerTextColor;
    border: none;
    &:hover {
      background-color: $headerTextColor;
      border: none;
    }
  }
  &:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: $bodyTextColor;
    border: 1px solid rgba(255, 255, 255, .2);
  }
}
.el-message {
  font-size: 14px;  
}




@font-face {
  font-family: "iconfont"; /* Project id 1756741 */
  src: url('//at.alicdn.com/t/c/font_1756741_uoxaa89yh7r.woff2?t=1661737872440') format('woff2'),
       url('//at.alicdn.com/t/c/font_1756741_uoxaa89yh7r.woff?t=1661737872440') format('woff'),
       url('//at.alicdn.com/t/c/font_1756741_uoxaa89yh7r.ttf?t=1661737872440') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem;
  color: $activeColor;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfc_system_krqt:before {
  content: "\e6f5";
}

.iconfc_system_dqhz:before {
  content: "\e6f6";
}

.iconfc_system_cdz:before {
  content: "\e6f7";
}

.iconfc_system_xfys:before {
  content: "\e6f8";
}

.iconfc_system_fhm:before {
  content: "\e6f9";
}

.iconfc_system_wlsb:before {
  content: "\e6fa";
}

.iconfc_system_xfzj:before {
  content: "\e6fb";
}

.iconfc_system_zm:before {
  content: "\e6fc";
}

.iconfc_system_wxgy:before {
  content: "\e6fd";
}

.iconfc_system_xfdy:before {
  content: "\e6fe";
}

.iconzhukong:before {
  content: "\e6f2";
}

.iconpingguyiju:before {
  content: "\e62e";
}

.iconpinggutixi:before {
  content: "\e62f";
}

.iconanquanpinggu:before {
  content: "\e639";
}

.iconrenyuanguanli:before {
  content: "\e63a";
}

.iconguifanziyuan:before {
  content: "\e63b";
}

.iconwenjianjia:before {
  content: "\e63c";
}

.iconpeixunyanlian:before {
  content: "\e63d";
}

.iconwps:before {
  content: "\e63e";
}

.iconpdf:before {
  content: "\e63f";
}

.iconxiangmuguanli:before {
  content: "\e640";
}

.iconzhipai:before {
  content: "\e642";
}

.iconAPP:before {
  content: "\e62b";
}

.iconguanwang:before {
  content: "\e62c";
}

.iconxiaochengxu:before {
  content: "\e62d";
}

.iconanquanpinggu2:before {
  content: "\e602";
}

.icondaochu:before {
  content: "\e603";
}

.icona-guanbi:before {
  content: "\e604";
}

.iconchakan:before {
  content: "\e605";
}

.iconjianzhu:before {
  content: "\e60c";
}

.iconbianji1:before {
  content: "\e612";
}

.iconxiangmu:before {
  content: "\e613";
}

.iconxinzeng:before {
  content: "\e614";
}

.iconxia:before {
  content: "\e615";
}

.iconxiazai:before {
  content: "\e618";
}

.iconfangda:before {
  content: "\e619";
}

.iconlianjie:before {
  content: "\e61a";
}

.icontupianshangchuan:before {
  content: "\e61b";
}

.iconxiangqing:before {
  content: "\e61c";
}

.icona-shanchu:before {
  content: "\e61d";
}

.iconshang:before {
  content: "\e61e";
}

.iconjian:before {
  content: "\e600";
}

.iconxunjian_guiji:before {
  content: "\e62a";
}

.iconxiaoxi:before {
  content: "\e6c9";
}

.icontuichuchangsuo:before {
  content: "\e6b7";
}

.iconzhuanyichangsuo:before {
  content: "\e6b6";
}

.iconzhihangchangjing:before {
  content: "\e6b5";
}

.iconshibai:before {
  content: "\e6b4";
}

.iconchenggong:before {
  content: "\e6b3";
}

.icontishi:before {
  content: "\e6b2";
}

.iconjianshao:before {
  content: "\e6b1";
}

.iconzengjia:before {
  content: "\e6b0";
}

.icontuodongpaixu:before {
  content: "\e6af";
}

.iconzhihuizhaominglogo:before {
  content: "\e6ae";
}

.iconbiaotidianzhui:before {
  content: "\e6ad";
}

.iconyichu:before {
  content: "\e6ac";
}

.iconMacdizhi:before {
  content: "\e6ab";
}

.iconIPdizhi:before {
  content: "\e6aa";
}

.iconsuoshuchangsuo2:before {
  content: "\e6a9";
}

.iconxuniID:before {
  content: "\e6a8";
}

.iconsuoshuxitong2:before {
  content: "\e6a7";
}

.iconsuoshufenzu2:before {
  content: "\e6a6";
}

.iconshebeizhuangtai:before {
  content: "\e6a5";
}

.iconshanchu:before {
  content: "\e6a3";
}

.iconbianji:before {
  content: "\e6a2";
}

.iconsuoshuxitong:before {
  content: "\e6a1";
}

.iconsuoshufenzu:before {
  content: "\e6a0";
}

.iconsuoshuchangsuo:before {
  content: "\e69f";
}

.icondanwei:before {
  content: "\e628";
}

.iconxiaofangzhuji:before {
  content: "\e629";
}

.iconshenhe:before {
  content: "\e626";
}

.iconyuanchengkongzhi:before {
  content: "\e611";
}

.icon-pifu:before {
  content: "\e659";
}

.iconkaiguan:before {
  content: "\e60f";
}

.icondian:before {
  content: "\e610";
}

.iconshuifa:before {
  content: "\e60e";
}

.icon-nowenjian:before {
  content: "\e60d";
}

.icon-noyonghu:before {
  content: "\e607";
}

.icon-weixingxiaofangzhan:before {
  content: "\e609";
}

.icon-nojianzhu:before {
  content: "\e60a";
}

.icon-nobumen:before {
  content: "\e60b";
}

.icon-baojingzhuji:before {
  content: "\e643";
}

.icon-zhengchangzhuji:before {
  content: "\e644";
}

.icon-guzhangzhuji:before {
  content: "\e645";
}

.icon-lixianzhuji:before {
  content: "\e646";
}

.icon-fire:before {
  content: "\e905";
}

.icon-dianhua:before {
  content: "\e68e";
}

.icon-speaker:before {
  content: "\e67d";
}

.icon-xiaoyin:before {
  content: "\e684";
}

.icon-wubaogao:before {
  content: "\e685";
}

.icon-ceshi:before {
  content: "\e686";
}

.icon-huojingchuli:before {
  content: "\e687";
}

.icon-tags:before {
  content: "\e920";
}

.icon-marklocation:before {
  content: "\e681";
}

.icon-ducu:before {
  content: "\e623";
}

.icon-xiaohuoshuan:before {
  content: "\e656";
}

.icon-xiaofangzhan:before {
  content: "\e657";
}

.icon-jianzhu:before {
  content: "\e658";
}

.icon-topjingao:before {
  content: "\e616";
}

.icon-baojing:before {
  content: "\e606";
}

.icon-dot:before {
  content: "\e655";
}

.icon-bofang:before {
  content: "\e64d";
}

.icon-guanbi:before {
  content: "\e64e";
}

.icon-sousuo:before {
  content: "\e64f";
}

.icon-jinggaodankuang:before {
  content: "\e650";
}

.icon-quxiao:before {
  content: "\e651";
}

.icon-zaixian:before {
  content: "\e652";
}

.icon-lixian:before {
  content: "\e653";
}

.icon-yipeizhi:before {
  content: "\e654";
}

.icon-size1:before {
  content: "\e649";
}

.icon-size9:before {
  content: "\e64a";
}

.icon-size16:before {
  content: "\e64b";
}

.icon-size4:before {
  content: "\e64c";
}

.icon-viewdetail:before {
  content: "\e647";
}

.icon-erweima:before {
  content: "\e648";
}

.icon-jinggao:before {
  content: "\e617";
}

.icon-danweiauth:before {
  content: "\e641";
}

.icon-dingwei:before {
  content: "\e627";
}

.icon-uploadimg:before {
  content: "\e672";
}

.icon-fenxi:before {
  content: "\e630";
}

.icon-qiehuan:before {
  content: "\e631";
}

.icon-gailan:before {
  content: "\e632";
}

.icon-richangguanli:before {
  content: "\e633";
}

.icon-jiance:before {
  content: "\e634";
}

.icon-caidan:before {
  content: "\e635";
}

.icon-xitongshezhi:before {
  content: "\e636";
}

.icon-xunjian:before {
  content: "\e637";
}

.icon-yujing:before {
  content: "\e638";
}

.icon-right:before {
  content: "\e608";
}

.icon-wangluo:before {
  content: "\e65b";
}
